@import '../../../asset/scss/mixin/export.scss';

.page-content{
    @include spareSpaceAtTop;
}

.authorization{
    @include flex();
    @include justify(center,center);
    @include align(center,center);
    margin-bottom: $pt10;
    color: $energized;
    img{
        width: $pt50;
        display: block;
        margin: 0 $pt10;
    }
}

.form{
    @include formInput;
}

.submit{
    padding: 0 $pt20;
    .agreement{
        @include agreement;
        margin-bottom: $pt25;
    }
    .hint{
        margin-top: $pt25;
        @include font_sn_gll;
    }
}

.verifyauthsms{
    background: #fff;
    border-radius: $pt6;
    width: 8rem;
    overflow: hidden;
    .popup_close{
        @include popup_close;
    }
    .title{
        text-align: center;
        @include font_nb_gn;
        line-height: $pt40;
        margin: 0;
        border-bottom: 1px solid $borderColorL;
    }
    .content{
        padding: $pt30 0;
        .mobile{
            text-align: center;
            @include font_nb_gn;
            margin: 0 0 $pt20;
        }
        .sms{
            text-align: center;
            margin: 0;
            .sms_input{
                border: 1px solid $energized;
                text-align: center;
                border-radius: $pt6;
                height: $pt40;
                width: 3rem;
            }
            .sms_btn{
                display: inline-block;
                line-height: $pt40;
                height: $pt40;
                width: 3rem;
                background: $energized;
                color: $white;
                border-radius: $pt20;
                &.waiting{
                    background: $grayLl;
                }
            }
        }
    }
    .verifyauthsms_submit{
        margin: 0;
        border-radius: 0;
    }
}

